<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大产品分类</title>
    <meta name="title" content="海大 产品分类">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="css/pro_categories.css">
</head>
<body>
<header>
    <div class="scan"  id="back"></div>
    <form>
        <input type="text" name="search-content" placeholder="海大珍珠" id="search">
        <button></button>
    </form>
    <div class="message"></div>
</header>
<ul class="nav">
    <li class="on">珍珠化妆品</li>
    <li>海水珍珠粉</li>
    <li>珍珠项链</li>
    <li>珍珠耳坠</li>
</ul>
<div class="main">
    <ul class="sear_below" id="sear_below">
        <li><a href="javascript:;"><img src="img/hua1_03.png" alt="hua1"><h3>丹姿护肤品套装</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua2_03.png" alt="hua2"><h3>芳草集蓝色清新</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua3_03.png" alt="hua3"><h3>丹姿蓝色系列</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua4_03.png" alt="hua4"><h3>欧莱雅精华套装</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua5_03.png" alt="hua5"><h3>雅诗兰黛护肤品</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua6_03.png" alt="hua6"><h3>蓝色珀莱雅护肤品</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua7_03.png" alt="hua7"><h3>温碧泉护肤套装</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua8_03.png" alt="hua8"><h3>vichy护肤品</h3> </a> </li>
        <li><a href="javascript:;"><img src="img/hua9_03.png" alt="hua9"><h3>兰蔻精华肌底霜</h3> </a> </li>
    </ul>
</div>
<footer>
    <div class="option1">
        <i></i>
        <b>首页</b>
    </div>
    <div class="option2">
        <i></i>
        <b>分类</b>
    </div>
    <div class="option3">
        <i></i>
        <b>购物车</b>
    </div>
    <div class="option4">
        <i></i>
        <b>个人</b>
    </div>
</footer>
<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
<script src="js/common.js"></script>
<script src="js/pro_categories.js"></script>
</body>
</html>